<template>
  <div>
      <div class="title-box">
          <span class="title-line"></span>
          <span>{{title}}</span>
          <slot></slot>
      </div>
  </div>
</template>

<script>
export default {
    props:{ title : {} }
}
</script>

<style scoped>
.title-box{width: 100%;height: 40px;line-height: 40px;overflow: hidden;border-bottom: 1px solid #e1e1e1;font-size: 14px;color:#666;position: relative;}
.title-line{display: inline-block;width: 3px;height: 15px;float: left;background: #8a70c6 ;margin-top:13px;margin-right: 10px;}
</style>>